﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="University.Workshop.WebApp.Update" MasterPageFile="~/UserCP.Master" Codebehind="UpdateUser.aspx.cs" %>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
        <table style="width: 153%; height: 200px; margin-right: 104px;" align="center">
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td class="style4">
                    <asp:Label ID="LblError" runat="server" ForeColor="Red" Visible="False"></asp:Label>
                </td>
                
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    <div style="display: none">
                        <asp:TextBox ID="newImage" runat="server"></asp:TextBox>
                        <asp:FileUpload ID="FileUpload1" onchange="imageName(this)" runat="server" />
                    </div>
                    <script type="text/javascript">
                        function browse() {
                            document.getElementById('<%=FileUpload1.ClientID%>').click();
                        }

                        function imageName(imgFile) {
                            var img = document.getElementById('<%=FileUpload1.ClientID%>').value;
                            document.getElementById('<%=newImage.ClientID%>').value = img;
                            PreviewImg(imgFile);
                        }
                        function PreviewImg(imgFile) {
                            var newPreview = document.getElementById("newPreview");
                            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
                            newPreview.style.width = "80px";
                            newPreview.style.height = "60px";
                        }
                    </script>
                    <div id="newPreview">
                    </div>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:Label ID="Label1" runat="server" ForeColor="#666666" Text="Name: " 
                        Font-Size="Small"></asp:Label>
                </td>
                <td class="style3">
                    <asp:TextBox ID="TxtName" runat="server" Enabled="False" Font-Size="Medium"></asp:TextBox>
                </td>
                
            </tr>
            <tr>
                <td class="style1">
                    <asp:Label ID="Label2" runat="server" Text="Last Name:"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="TxtLastName" runat="server" Enabled="False" Font-Size="Medium"></asp:TextBox>
                </td>
                
            </tr>
                        <tr>
                <td class="style1">
                    <asp:Label ID="Label3" runat="server" Text="Email:"></asp:Label>
                            </td>
                <td>
                    <asp:TextBox ID="TxtEmail" runat="server" Enabled="False" Font-Size="Medium"></asp:TextBox>
                            </td>
                
            </tr>
                        <tr>
                <td class="style1">
                    <asp:Label ID="Label4" runat="server" Text="Phone:"></asp:Label>
                            </td>
                <td>
                    <asp:TextBox ID="TxtPhone" runat="server" Font-Size="Medium"></asp:TextBox>
                            </td>
                
            </tr>
             <tr>
                <td class="style1">
                    <asp:Label ID="Label5" runat="server" Text="Mobile Phone:"></asp:Label>
                 </td>
                <td>
                    <asp:TextBox ID="TxtMobilePhone" runat="server" Font-Size="Medium"></asp:TextBox>
                 </td>
                
            </tr>
             <tr>
                <td class="style1">
                    <asp:Label ID="Label6" runat="server" Text="Current Department"></asp:Label>
                 </td>
                <td>
                    <asp:DropDownList ID="DropDownList1" runat="server">
                        <asp:ListItem>Cochabamba</asp:ListItem>
                        <asp:ListItem>La Paz</asp:ListItem>
                        <asp:ListItem>Santa Cruz</asp:ListItem>
                        <asp:ListItem>Oruro</asp:ListItem>
                        <asp:ListItem>Potosi</asp:ListItem>
                        <asp:ListItem>Chuquisaca</asp:ListItem>
                        <asp:ListItem>Tarija</asp:ListItem>
                        <asp:ListItem>Pando</asp:ListItem>
                        <asp:ListItem>Beni</asp:ListItem>
                    </asp:DropDownList>
                 </td>
            </tr>
             <tr>
                <td class="style1">
                    <asp:Label ID="Label7" runat="server" Text="Current City: "></asp:Label>
                 </td>
                <td>
                    <asp:TextBox ID="TxtCity" runat="server" Font-Size="Medium"></asp:TextBox>
                 </td>
                
            </tr>
             <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    <asp:Button ID="BtnSave" runat="server" onclick="BtnSave_Click" Text="Save" />
                 </td>
                
            </tr>
        </table>
</asp:Content>
<asp:Content ID="Content3" runat="server" contentplaceholderid="HeadContent">
    <style type="text/css">
        .style1
        {
            width: 124px;
        }
        .style2
        {
            width: 86px;
        }
        .style3
        {
            width: 83px;
        }
        .style4
        {
            width: 80px;
        }
    </style>
</asp:Content>

